dialog {
	border: 1px solid #333;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;
	overflow: hidden;
	width: 95%;
	max-width: 500px;
	padding: 0;
	border-width: 0;
	border-radius: 5px;
	background: transparent;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
	outline: none;
	transform: translateY(-100%);
	transition: transform 300ms;
	-webkit-transform: translateY(-100%);
	-webkit-transition: transform 300ms;
	-moz-transform: translateY(-100%);
	-moz-transition: transform 300ms;
}

dialog.active {
	transform: translateY(0%);
	transition: transform 500ms;
	-webkit-transform: translateY(0%);
	-webkit-transition: transform 500ms;
	-moz-transform: translateY(0%);
	-moz-transition: transform 500ms;
	/*position: absolute;
	top: 0px;*/
}

dialog.col-sm-12 {
	padding: 0;
}

dialog header {
	padding: 12px 20px;
	background-color: #434a54;
	color: #FFF
}

dialog section {
	padding: 30px 20px;
	color: #555;
	background-color: #fff;
}

dialog footer {
	padding: 15px 20px;
	text-align: right;
	background-color: #f5f6f8;
}

dialog footer button {
	margin-left: 20px;
}

dialog button {
	user-select: none;
}

::backdrop {
	background-color: rgba(0, 0, 0, 0.5);
}